<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>用户注册-海夜读</title>
  <style>
    /* 插入图片 */
    body{background-image: url(../public/_20211111210123.jpg);
      /* 图片平铺不重复 */
    background-size: cover ;
    }
    .center{color: gold;}
    .sm{width: 200px;height: 25px;}
    a{color: gold;}
  </style>
</head>

<body>
  <!-- 注册大块 -->
  <div class="center">
    <h3>欢迎来到海夜读大家庭</h3>
  </div>
  <!-- ajax交互部分 -->
  <div class="ajax">
    <input type="text" placeholder="用户名" class="sm"><br>
    <input type="text" placeholder="手机号/邮箱" class="sm"><br>
    <input type="text" placeholder="密码" class="sm"><br>
    <input type="text" placeholder="确认密码" class="sm"><br>
  </div>
<!-- 页尾部分 -->
  <div class="foot">
    <a href="#"><h6>注册账号即代表您已阅读过、了解并接受《海夜读用户服务协议》、《隐私保护政策》</h6></a><br>
    <button class="sm">注册</button>
  </div>

</body>

</html>